{:ui()->row()}
<!--通用-->
{:ui()->col(['pc'=>6,'pad'=>6])}
{:ui()->card(['title'=>'普通盒子','right'=>ui()->tip(['msg'=>'你好'])])}
内容
{:ui()->card('/')}
{:ui()->col('/')}
{:ui()->col(['pc'=>6,'pad'=>6])}
{:ui()->card(['title'=>'普通盒子','right'=>'<a href="">more</a>'])}
内容
{:ui()->card('/')}
{:ui()->col('/')}
{:ui()->row('/')}
<!--带选项框-->
{:ui()->row()}
{:ui()->col(['pc'=>6,'pad'=>6])}
{:ui()->navCard(['title'=>['nav1','nav2'],'right'=>ui()->tip(['msg'=>'你好'])])}
<li class="layui-show">内容1</li>
<li>内容2</li>
{:ui()->navCard('/')}
{:ui()->col('/')}
{:ui()->col(['pc'=>6,'pad'=>6])}
{:ui()->bannerCard(['title'=>['banner1','banner2','banner3'],'speed'=>1000])}
<li class="layui-show">内容1</li>
<li>内容2</li>
<li>内容3</li>
{:ui()->bannerCard('/')}
{:ui()->col('/')}
{:ui()->row('/')}

{:ui()->row()}
{:ui()->col(['pc'=>6,'pad'=>6])}
{:ui()->card(['title'=>'按钮'])}
{:ui()->btn(['color'=>2,'size'=>2,'name'=>'自定义','radius'=>1,'icon'=>'layui-icon layui-icon-delete'])}
<br><br>
<div class="layui-btn-group">
    <!--按钮组-->
    {:ui()->btn(['color'=>2,'size'=>2,'name'=>'自定义','radius'=>1,'icon'=>'layui-icon layui-icon-delete'])}
    {:ui()->btn(['color'=>2,'size'=>2,'name'=>'自定义','radius'=>1,'icon'=>'layui-icon layui-icon-delete'])}
    {:ui()->btn(['color'=>2,'size'=>2,'name'=>'自定义','radius'=>1,'icon'=>'layui-icon layui-icon-delete'])}
</div>
<br><br>
<div class="layui-btn-container">
    <!--按钮容器-->
    {:ui()->btn(['color'=>2,'size'=>2,'name'=>'自定义','radius'=>1,'icon'=>'layui-icon layui-icon-delete'])}
    {:ui()->btn(['color'=>2,'size'=>2,'name'=>'自定义','radius'=>1,'icon'=>'layui-icon layui-icon-delete'])}
    {:ui()->btn(['color'=>2,'size'=>2,'name'=>'自定义','radius'=>1,'icon'=>'layui-icon layui-icon-delete'])}
</div>
{:ui()->groupBtn(['name'=>'下拉菜单','opt'=>[['href'=>'1.html','html'=>'测试1'],['href'=>'2.html','html'=>'测试2']]])}
{:ui()->card('/')}
{:ui()->col('/')}
{:ui()->col(['pc'=>6,'pad'=>6])}
{:ui()->card(['title'=>'区域'])}
{:ui()->field(['title'=>'标题位置','id'=>'form1'])}
<div>你好</div>
<br><br><br><br>
{:ui()->field('/')}
{:ui()->card('/')}
{:ui()->col('/')}
{:ui()->row('/')}

{:ui()->row()}
{:ui()->col(['pc'=>12,'pad'=>12])}
{:ui()->card(['title'=>'表单'])}
<form class="layui-form" action="">
    {:ui()->input(['title'=>'标题','name'=>'title','pla'=>'请输入标题','verify'=>'required'])}

    {:ui()->input(['title'=>'密码','type'=>'password','display'=>'inline',
    'name'=>'password','pla'=>'请输入密码','verify'=>'required','word'=>'辅助文字'])}

    {:ui()->select(['title'=>'选择框','verify'=>'required','name'=>'select','display'=>'inline',
    'opt'=>[['value'=>'上海','html'=>'上海'],['value'=>'北京','html'=>'北京']],'word'=>'辅助文字'])}

    {:ui()->checkBox(['title'=>'复选框','name'=>'like'])}

    {:ui()->onOff(['name'=>'switch2','title'=>'开关','checked'=>1])}
    <!--单独使用开关-->
    {:ui()->onOff(['is_label'=>0,'name'=>'switch1','checked'=>1])}

    {:ui()->radio(['name'=>'radio','title'=>'单选框',
    'opt'=>[['value'=>'男','html'=>'男'],['value'=>'女','html'=>'女','checked'=>1]]])}

    {:ui()->textarea(['name'=>'textarea','pla'=>'请输入内容','title'=>'文本域','value'=>'测试一下'])}


    {:ui()->subBtn()}
</form>
{:ui()->card('/')}
{:ui()->col('/')}
{:ui()->row('/')}

{:ui()->row()}
{:ui()->col(['pc'=>6,'pad'=>6])}
{:ui()->card(['title'=>'时间组件'])}
{:ui()->time(['title'=>'年','type'=>'year'])}
{:ui()->time(['title'=>'月','type'=>'month'])}
{:ui()->time(['title'=>'日'])}
{:ui()->time(['title'=>'时间','type'=>'time'])}
{:ui()->time(['title'=>'日期+时间','type'=>'datetime'])}
{:ui()->time(['title'=>'日期范围','type'=>'date','range'=>'至'])}
{:ui()->card('/')}
{:ui()->col('/')}

{:ui()->col(['pc'=>6,'pad'=>6])}
{:ui()->card(['title'=>'二维码生成工具'])}
{:ui()->qrcode(['href'=>'http://www.baidu.com'])}
{:ui()->qrcode(['href'=>'http://www.baidu.com','fore'=>'#c00'])}
{:ui()->card('/')}
{:ui()->col('/')}
{:ui()->col(['pc'=>6,'pad'=>6])}
{:ui()->card(['title'=>'复制|截图(兼容IE10)按钮'])}
{:ui()->copyBtn(['text'=>'复制的内容','html'=>'复制'])}
{:ui()->copyBtn(['text'=>'复制的内容1','html'=>'复制','style'=>'layui-btn-info'])}
{:ui()->screenShot(['html'=>'截图','filename'=>'百度编译器','dom'=>'#table1'])}
{:ui()->screenShot(['html'=>'截图','filename'=>'百度编译器','dom'=>'#table1','style'=>'layui-btn-danger'])}
{:ui()->card('/')}
{:ui()->col('/')}
{:ui()->row('/')}


{:ui()->row()}
{:ui()->col(['pc'=>12,'pad'=>12])}
{:ui()->card(['title'=>'表格'])}
<iframe class="table-iframe auto-iframe" id="table1"
    src="/dustar/public/home/test/index"></iframe>
{:ui()->card('/')}
{:ui()->col('/')}
{:ui()->row('/')}

{:ui()->row()}
{:ui()->col(['pc'=>12,'pad'=>12])}
{:ui()->card(['id'=>'editor','title'=>'百度编辑器（视频上传、添加视频功能还需要完善！）'])}
<form action="upload" class="layui-form" method="post">
    <input type="hidden" value="231" name="dsa">
    {:ui()->editor(['name'=>'content','content'=>'内容啊内容'])}
    <button lay-submit="" class="layui-btn sub-btn layui-btn-normal" lay-filter="*">提交</button>
</form>
{:ui()->card('/')}
{:ui()->col('/')}
{:ui()->row('/')}
{:ui()->row()}
{:ui()->col(['pc'=>12,'pad'=>12])}
{:ui()->card(['title'=>'大文件分片上传'])}
<form class="layui-form" action="#">
    {:ui()->largeUpload(['title'=>'图片上传','filenum'=>2,
    'id'=>'img_thumb','maxsize'=>'500','accept'=>'images'])}
    <hr class="layui-bg-blue">
    {:ui()->largeUpload(['title'=>'文件上传','filenum'=>2,'id'=>'big_file','max'=>'10240000'])}
    <hr class="layui-bg-blue">
    {//:ui()->largeUpload(['title'=>'文件上传','filenum'=>2,'id'=>'big_file1','max'=>'10240000','value'=>$upload])}
</form>
{:ui()->card('/')}
{:ui()->col('/')}
{:ui()->row('/')}


